<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>品优购-正品低价、品质保障、配送及时、轻松购物！</title>
		<!-- 网站说明 -->
		<meta name="Description" content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!"/>
		<!-- 关键字 -->
		<meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东"/>
		<!-- 引用favicon图片 -->
		<link rel="shortcut icon" href="favicon.ico" /> 
		<!-- 引用初始化文件 -->
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<!-- 引用共同文件 -->
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<!-- 引用index文件 -->
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<!-- 引用side文件 -->
		<script src="./js/side.js"text/javascript" charset="utf-8"></script>
		<!-- 引用anmite.js文件 -->
		<script src="./js/anmite.js"utf-8"></script>
		<!-- 引用index.js文件 -->
		<script src="./js/index.js"text/javascript" charset="utf-8"></script>
		<!-- 引用jquery.js文件 -->
		<script src="./js/js.jQuery.min.js"></script>
		<!-- 引用side1.js文件 -->
		<script src="./js/side1.js"text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!-- 快捷导航栏start -->
		<section class="shortcut ">
			<div class="w">
				<div class="lf ">
					<ul>
						<li>品优购欢迎你!&nbsp;</li>
						<li><a href="#">请登录</a>&nbsp;<a href="register-list.html" class="style-red">免费注册</a></li>
					</ul>
				</div>
				<div class="rg ">
					<ul>
						<li>我的订单</li>
						<li></li>
						<li class="arrow-icon"> 我的品优购</li>
						<li></li>
						<li>品优购会员</li>
						<li></li>
						<li>企业采购</li>
						<li></li>
						<li class="arrow-icon">关注品优购</li>
						<li></li>
						<li class="arrow-icon">客户服务 </li>
						<li></li>
						<li class="arrow-icon">网站导航</li></li>
					</ul>
				</div>
			</div>
		</section>
		<!-- 快捷导航栏end -->
		<!-- head部分start -->
		<header class="head w">
				<!-- loge局域 -->
				<div class="loge">
					<h1><a href="index.html" title="品优购商城">品优购商城</a></h1>
				</div>
				<!-- 搜索栏区域 -->
				<div class="search">
					<input type="search" name="" id="" placeholder="语言开发">
					<button type="button">搜索</button>
				</div>
				<!-- 热点词区域 -->
				<div class="hotword">
					<ul>
						<li><a href="#"class="style-red">优惠购首发</a></li>               
						<li><a href="#">亿元优惠</a></li>
						<li><a href="#">美满99减30</a></li>
						<li><a href="#">9.9元团购</a></li>
						<li><a href="#">办公用品</a></li>
						<li><a href="#">电脑</a></li>
						<li><a href="#">通信</a></li>
					</ul>
				</div>
				<!-- 购物车区域 -->
				<div class="shopcar">
					<a href="shopcar.html">我的购物车</a>
					<i class="count">
						8
					</i>
				</div>
		</header>
		<!-- head部分end -->
		<!-- nav模块start -->
		<nav class="nav">
			<div class="w">
				<div class="left">
						<dl>
							<dt>全部商品分类</dt>
							<dd><a href="#">家用电器</a></dd>
							<dd><a href="list.html">手机、数码、通信</a></dd>
							<dd><a href="#">电脑、办公</a></dd>
							<dd><a href="#">家居、家具、家装、厨具</a></dd>
							<dd><a href="#">男装、女装、童装、内衣</a></dd>
							<dd><a href="#">个户化妆、清洁用品、宠物</a></dd>
							<dd><a href="#">鞋靴、箱包、珠宝、奢侈品</a></dd>
							<dd><a href="#">运动户外、钟表</a></dd>
							<dd><a href="#">汽车、汽车用品</a></dd>
							<dd><a href="#">母婴、玩具乐器</a></dd>
							<dd><a href="#">食品、酒类、生鲜、特产</a></dd>
							<dd><a href="#">医药保健</a></dd>
							<dd><a href="#">图书、音像、电子书</a></dd>
							<dd><a href="#">彩票、旅行、充值、票务</a></dd>
							<dd><a href="#">理财、众筹、白条、保险</a></dd>
						</dl>
				</div>
					<div class="right">
						<a href="#">服装城</a>
						<a href="#">美妆馆</a>
						<a href="#">传智超市</a>
						<a href="#">全球购</a>
						<a href="#">闪购</a>
						<a href="#">团购</a>
						<a href="#">拍卖</a>
						<a href="#">有趣</a>
					</div>
				</div>
			</nav>
		<!-- nav模块end -->
		<!-- fouce模块start -->
		<div class="w">
			<div class="focue">
				<div class="bg">
					<ul>
						<li><img src="upload/fouce1.png" ></li>
						<li><img src="upload/fouce2.png" ></li>
						<li><img src="upload/fouce3.png" ></li>
						<li><img src="upload/fouce4.png" ></li>
					</ul>
					<!-- 左箭头 -->
					<div class="arrow-l"></div>
					<!-- 右箭头 -->
					<div class="arrow-r"></div>
					<ol class="circle">
					</ol>
				</div>
				<div class="newflash">
					<div class="news">
						<div class="news-hd">
							<h5>品优购快报</h5>
							<div class="more">
								<a href="#">更多</a>
							</div>
						</div>
						<div class="new-bd">
							<ul>
								<li><span>[特惠]</span> 备战开学季 全民半价购数码</li>
								<li><span>[特惠]</span> 备战开学季 全民半价购数码</li>
								<li><span>[特惠]</span> 备战开学季 全民半价购数码</li>
								<li><span>[特惠]</span> 备战开学季 全民半价购数码</li>
								<li><span>[特惠]</span> 备战开学季 全民半价购数码</li>
							</ul>
						</div>
					</div>
				<div class="lifeservice">
						<ul>
							<li>
								<h5></h5>
								<a href="#">话费</a>
							</li>
							<li>
								<h5></h5>
								<a href="#">话费</a>
							</li>
							<li>
								<h5></h5>
								<a href="#">话费</a>
							</li>
							<li>
								<h5></h5>
								<a href="#">话费</a>
							</li>
							<li>
								<h5></h5>
								<a href="#">话费</a>
							</li>
							<li>
								<h5></h5>
								<a href="#">话费</a>
							</li>
							<li>
								<h5></h5>
								<a href="#">话费</a>
							</li>
							<li>
								<h5></h5>
								<a href="#">话费</a>
							</li>
							<li>
								<h5></h5>
								<a href="#">话费</a>
							</li>
							<li>
								<h5></h5>
								<a href="#">话费</a>
							</li>
							<li>
								<h5></h5>
								<a href="#">话费</a>
							</li>
							<li>
								<h5></h5>
								<a href="#">话费</a>
							</li>
						</ul>
					</div>
				<div class="bargain">
					<img data-lazy-src="upload/bargain.png" >
				</div>	
				</div>
			</div>
		</div>
		<!-- fouce模块end -->
		<!-- 侧边栏模块开始 -->
		<div class="side">
			<ul>
				<li>特色优选</li>
				<li>频道广场</li>
				<li>为你推荐</li>
				<li>家用电器</li>
				<li>反馈</li>
				<li class="last">顶部</li>
			</ul>
		</div>
		<!-- 侧边栏模块结书 -->
		<!-- recommend模块start -->
		<div class="recommend w">
			<ul>
				<li><img data-lazy-src="images/recommend.png" ></li>
				<li>
					<div class="word">
						<h4>0点上新</h4>
						<span>全场包邮</span><br>
						<i>低至1折</i>
						<p>闪购</p>
					</div>
					<div class="pic">
						<img data-lazy-src="upload/图层151.png" >
					</div>
				</li>
				<li>
					<div class="word">
						<h4>0点上新</h4>
						<span>全场包邮</span><br>
						<i>低至1折</i>
						<p>闪购</p>
					</div>
					<div class="pic">
						<img data-lazy-src="upload/图层151.png" >
					</div>
				</li>
				<li>
					<div class="word">
						<h4>0点上新</h4>
						<span>全场包邮</span><br>
						<i>低至1折</i>
						<p>闪购</p>
					</div>
					<div class="pic">
						<img data-lazy-src="upload/图层151.png" >
					</div>
				</li>
				<li>
					<div class="word">
						<h4>0点上新</h4>
						<span>全场包邮</span><br>
						<i>低至1折</i>
						<p>闪购</p>
					</div>
					<div class="pic">
						<img data-lazy-src="upload/图层151.png" >
					</div>
				</li>
			</ul>
		</div>
		<!-- recommend模块end -->
		<!-- 猜你喜欢模块start -->
		<div class="my-love w">
			<div class="hd">
				<h4>猜你喜欢</h4>
				<a href="#">换一批</a>
			</div>
			<div class="bd">
				<ul>
					<li>
						<img data-lazy-src="upload/my-love.png" >
						<div class="word">
							<p>阳光美包新款单肩包女包时尚子母包四件套女</p>
							<i>¥116.00</i>
						</div>
					</li>
					<li>
						<img data-lazy-src="upload/my-love.png" >
						<div class="word">
							<p>阳光美包新款单肩包女包时尚子母包四件套女</p>
							<i>¥116.00</i>
						</div>
					</li>
					<li>
						<img data-lazy-src="upload/my-love.png" >
						<div class="word">
							<p>阳光美包新款单肩包女包时尚子母包四件套女</p>
							<i>¥116.00</i>
						</div>
					</li>
					<li>
						<img data-lazy-src="upload/my-love.png" >
						<div class="word">
							<p>阳光美包新款单肩包女包时尚子母包四件套女</p>
							<i>¥116.00</i>
						</div>
					</li>
					<li>
						<img data-lazy-src="upload/my-love.png" >
						<div class="word">
							<p>阳光美包新款单肩包女包时尚子母包四件套女</p>
							<i>¥116.00</i>
						</div>
					</li>
					<li>
						<img data-lazy-src="upload/my-love.png" >
						<div class="word">
							<p>阳光美包新款单肩包女包时尚子母包四件套女</p>
							<i>¥116.00</i>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<div class="floor">
			<div class="jiadian w">
				<div class="hd">
					<h4 class="style-red">家用电器</h4>
					<div class="table-list">
						<ul>
							<li><a href="#">高端电器</a></li>
							<li><a href="#">新奇特</a></li>
							<li><a href="#">空气/净水</a></li>
							<li><a href="#">应季电器</a></li>
							<li><a href="#">个护健康</a></li>
							<li><a href="#">厨房电器</a></li>
							<li><a href="#">生活电器</a></li>
							<li><a href="#">大家电</a></li>
							<li class="style-red"><a href="#">热门</a></li>
						</ul>
					</div>
				</div>
				<div class="bd">
					<ul>
						<li>
							<div class="word">
								<a href="#">节能补贴</a>
								<a href="#">4K电视</a>
								<a href="#">空气净化器</a>
								<a href="#">IH电饭煲</a>
								<a href="#">滚筒洗衣机</a>
								<a href="#">电热水器</a>
							</div>
							<img data-lazy-src="upload/floor%201.png" >
						</li>
						<li>
							<a href="#"><img data-lazy-src="upload/floor7_03.png" ></a>
						</li>
						<li>
							<img data-lazy-src="upload/floor%202.png" >
							<img data-lazy-src="upload/floor%203.png" >
						</li>
						<li>
							<img data-lazy-src="upload/floor%204.png" >
						</li>
						<li>
							<img data-lazy-src="upload/floor5.png" >
							<img data-lazy-src="upload/floor%206.png" >
						</li>
					</ul>
				</div>
			</div>
			<div class="jiadian w">
				<div class="hd">
					<h4 class="style-red">手机通讯</h4>
					<div class="table-list">
						<ul>
							<li><a href="#">高端电器</a></li>
							<li><a href="#">新奇特</a></li>
							<li><a href="#">空气/净水</a></li>
							<li><a href="#">应季电器</a></li>
							<li><a href="#">个护健康</a></li>
							<li><a href="#">厨房电器</a></li>
							<li><a href="#">生活电器</a></li>
							<li><a href="#">大家电</a></li>
							<li class="style-red"><a href="#">热门</a></li>
						</ul>
					</div>
				</div>
				<div class="bd">
					<ul>
						<li>
							<div class="word">
								<a href="#">节能补贴</a>
								<a href="#">4K电视</a>
								<a href="#">空气净化器</a>
								<a href="#">IH电饭煲</a>
								<a href="#">滚筒洗衣机</a>
								<a href="#">电热水器</a>
							</div>
							<img data-lazy-src="upload/floor%201.png" >
						</li>
						<li>
							<a href="#"><img data-lazy-src="upload/floor7_03.png" ></a>
						</li>
						<li>
							<img data-lazy-src="upload/floor%202.png" >
							<img data-lazy-src="upload/floor%203.png" >
						</li>
						<li>
							<img data-lazy-src="upload/floor%204.png" >
						</li>
						<li>
							<img data-lazy-src="upload/floor5.png" >
							<img data-lazy-src="upload/floor%206.png" >
						</li>
					</ul>
				</div>
			</div>
			<div class="jiadian w">
				<div class="hd">
					<h4 class="style-red">电脑办公</h4>
					<div class="table-list">
						<ul>
							<li><a href="#">高端电器</a></li>
							<li><a href="#">新奇特</a></li>
							<li><a href="#">空气/净水</a></li>
							<li><a href="#">应季电器</a></li>
							<li><a href="#">个护健康</a></li>
							<li><a href="#">厨房电器</a></li>
							<li><a href="#">生活电器</a></li>
							<li><a href="#">大家电</a></li>
							<li class="style-red"><a href="#">热门</a></li>
						</ul>
					</div>
				</div>
				<div class="bd">
					<ul>
						<li>
							<div class="word">
								<a href="#">节能补贴</a>
								<a href="#">4K电视</a>
								<a href="#">空气净化器</a>
								<a href="#">IH电饭煲</a>
								<a href="#">滚筒洗衣机</a>
								<a href="#">电热水器</a>
							</div>
							<img data-lazy-src="upload/floor%201.png" >
						</li>
						<li>
							<a href="#"><img data-lazy-src="upload/floor7_03.png" ></a>
						</li>
						<li>
							<img data-lazy-src="upload/floor%202.png" >
							<img data-lazy-src="upload/floor%203.png" >
						</li>
						<li>
							<img data-lazy-src="upload/floor%204.png" >
						</li>
						<li>
							<img data-lazy-src="upload/floor5.png" >
							<img data-lazy-src="upload/floor%206.png" >
						</li>
					</ul>
				</div>
			</div>
			<div class="jiadian w">
				<div class="hd">
					<h4 class="style-red">精品家具</h4>
					<div class="table-list">
						<ul>
							<li><a href="#">高端电器</a></li>
							<li><a href="#">新奇特</a></li>
							<li><a href="#">空气/净水</a></li>
							<li><a href="#">应季电器</a></li>
							<li><a href="#">个护健康</a></li>
							<li><a href="#">厨房电器</a></li>
							<li><a href="#">生活电器</a></li>
							<li><a href="#">大家电</a></li>
							<li class="style-red"><a href="#">热门</a></li>
						</ul>
					</div>
				</div>
				<div class="bd">
					<ul>
						<li>
							<div class="word">
								<a href="#">节能补贴</a>
								<a href="#">4K电视</a>
								<a href="#">空气净化器</a>
								<a href="#">IH电饭煲</a>
								<a href="#">滚筒洗衣机</a>
								<a href="#">电热水器</a>
							</div>
							<img data-lazy-src="upload/floor%201.png" >
						</li>
						<li>
							<a href="#"><img data-lazy-src="upload/floor7_03.png" ></a>
						</li>
						<li>
							<img data-lazy-src="upload/floor%202.png" >
							<img data-lazy-src="upload/floor%203.png" >
						</li>
						<li>
							<img data-lazy-src="upload/floor%204.png" >
						</li>
						<li>
							<img data-lazy-src="upload/floor5.png" >
							<img data-lazy-src="upload/floor%206.png" >
						</li>
					</ul>
				</div>
			</div>
		</div>
		  <!-- 固定电梯导航 -->
		<div class="fixedtool">
		        <ul>
		            <li class="current">家用电器</li>
		            <li>手机通讯</li>
		            <li>电脑办公</li>
		            <li>精品家具</li>		
		        </ul>
		</div>
		<!-- footer模块start -->
		<footer class="footer">
			<div class="w">
				<div class="top">
					<ul>
						<li>
							<h5></h5>
							<div class="service-txt">
								<h4>正品保障</h4>
								<p>正品保障，提供发票</p>
							</div>
						</li>
						<li>
							<h5></h5>
							<div class="service-txt">
								<h4>正品保障</h4>
								<p>正品保障，提供发票</p>
							</div>
						</li>
						<li>
							<h5></h5>
							<div class="service-txt">
								<h4>正品保障</h4>
								<p>正品保障，提供发票</p>
							</div>
						</li>
						<li>
							<h5></h5>
							<div class="service-txt">
								<h4>正品保障</h4>
								<p>正品保障，提供发票</p>
							</div>
						</li>
						<li>
							<h5></h5>
							<div class="service-txt">
								<h4>正品保障</h4>
								<p>正品保障，提供发票</p>
							</div>
						</li>
					</ul>
				</div>
				<div class="mid">
					<dl>
						<dt>购物指南</dt>
						<dd><a href="#"></a>购物流程</dd>
						<dd><a href="#"></a>购物流程</dd>			
						<dd><a href="#"></a>购物流程</dd>
						<dd><a href="#"></a>购物流程</dd>
						<dd><a href="#"></a>购物流程</dd>
						<dd><a href="#"></a>购物流程</dd>
					</dl>
					<dl>
						<dt>配送方式</dt>
						<dd><a href="#"></a>上门自提</dd>
						<dd><a href="#"></a>211限时达</dd>
						<dd><a href="#"></a>配送服务查询</dd>
						<dd><a href="#"></a>配送费收取标准</dd>
						<dd><a href="#"></a>海外配送</dd>
					</dl>
					<dl>
						<dt>支付方式</dt>
						<dd><a href="#"></a>货到付款</dd>
						<dd><a href="#"></a>在线支付</dd>
						<dd><a href="#"></a>分期付款</dd>
						<dd><a href="#"></a>邮局汇款</dd>
						<dd><a href="#"></a>公司转账</dd>
					</dl>
					<dl>
						<dt>售后服务</dt>
						<dd><a href="#"></a>售后政策</dd>
						<dd><a href="#"></a>价格保护</dd>
						<dd><a href="#"></a>退款说明</dd>
						<dd><a href="#"></a>返修/退换货</dd>
						<dd><a href="#"></a>取消订单</dd>
					</dl>
					<dl>
						<dt>特色服务</dt>
						<dd><a href="#"></a>夺宝岛</dd>
						<dd><a href="#"></a>DIY装机</dd>
						<dd><a href="#"></a>延保服务</dd>
						<dd><a href="#"></a>品优购E卡</dd>
						<dd><a href="#"></a>品优购通信</dd>
					</dl>
					<dl>
						<dt>帮助中心</dt>
						<dd><a href="#"><img data-lazy-src="images/wx.png" ></a></dd>
						<dd><a href="#">品优购客户端</a></dd>
					</dl>
				</div>
				<div class="bottom">
					<div class="link">
						关于我们  |  联系我们  |  联系客服  |  商家入驻  |  营销中心  |  手机品优购  |                            友情链接  |  销售联盟  |  品优购社区  |  品优购公益  |  English Site  |  Contact U
					</div>
					<div class="copyright">
						地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：                        010-82935100 邮箱: zhanghj+itcast.cn <br />
						京ICP备08001421号京公网安备110108007702</p>
					</div>					
				</div>
			</div>
		</footer>
		<!-- foot模块 end-->
		<!-- 引用懒加载 -->
		<!-- <script src="图片懒加载/EasyLazyload/dist/EasyLazyload.js"></script> -->
		<script src="图片懒加载/EasyLazyload/dist/EasyLazyload.min.js" charset="utf-8"></script>
		<script>
		    lazyLoadInit({
		        coverColor:"white",
		        // coverDiv:"<h1>test</h1>",
		        offsetBottom:0,
		        offsetTopm:0,
		        showTime:1100,
		        onLoadBackEnd:function(i,e){
		            console.log("onLoadBackEnd:"+i);
		        }
		        ,onLoadBackStart:function(i,e){
		            console.log("onLoadBackStart:"+i);
		        }
		    });
		</script>
	</body>
</html>
